.welfare{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.img-text{
	position: absolute;
	z-index: 1;
	line-height: 40rpx;
	width: 100%;
	height: 100%;
	top: 15rpx;
}
.img-text-2{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding-left: 10rpx;
	top: 0rpx;
	line-height: 35rpx;
	margin-top: 5rpx;
}
.sale-price{
	font-weight: bold;
	color: #685712;
}
.name{
	font-size: 26px;
	font-weight: bold;
	color: #2F2F2F;
	text-shadow: 3rpx 2rpx 4rpx rgba(47, 47, 47, 0.5);
}
.free-cost{
	color: rgb(255,106,105);
	font-weight: lighter;
	font-size: 24rpx;
}
.main{
	flex: 1;
  overflow: hidden;
}
//弹出层
.confrim-box{
	.content{
	  background-color: #fff;
	  padding: 20rpx 30rpx 30rpx;
	    .top{
				display: flex;
	      justify-content: flex-end;
	    }
	    .list{
	      .cell{
	        display: flex;
	        padding: 30rpx 0;
	        border-bottom: 1px solid #eee;
	        .img-box{
	          width: 172rpx;
	          height: 114rpx;
	          background-color: #B8B8B8;
	          border-radius: 10rpx;
	          overflow: hidden;
	          .img{
	            width: 100%;
	            height: 100%;
	            }
	          }
	          .right{
	            flex: 1;
	            margin-left: 25rpx;
	            height: 114rpx;
	            display: flex;
	            flex-direction: column;
	            justify-content: space-between;
	            .t{
	              display: flex;
	              align-items: center;
	              justify-content: space-between;
	              font-size: 28rpx;
	              color: #333;
	            }
	            .amount{
	              text-align: right;
	              font-size: 24rpx;
	              color: #FF4B44;
	              .bold{
	                font-size: 36rpx;
	                font-weight: bold;
	              }
	            }
	          }
	        }
	        .other-cell{
	          height: 88rpx;
	          display: flex;
	          align-items: center;
	          justify-content: space-between;
	          border-bottom: 1px solid #eee;
	          .title{
	            font-size: 26rpx;
	            color: #333;
	            font-weight: bold;
	          }
	          .right{
	            display: flex;
	            align-items: center;
	            .price{
	              font-size: 20rpx;
	              color: #333;
	              .strong{
	                font-size: 30rpx;
	                font-weight: bold;
	              }
	            }
	            .num{
	              font-size: 26rpx;
	              color: #666;
	              margin-left: 14rpx;
	            }
	            .coupon-title{
	              font-size: 26rpx;
	              color: #333;
	            }
	            .red{
	              font-size: 26rpx;
	              color: #FF5751;
	              margin: 0 25rpx 0 10rpx;
	            }
	            .coupon-box{
	              // background-color: #FF4B44;
	              height: 42rpx;
	              display: flex;
	              align-items: center;
	              padding: 0 20rpx;
	              margin-right: 20rpx;
	              font-size: 18rpx;
	              color: #fff;
	              background-image: 
	                radial-gradient(
	                  circle at 100% 3px, 
	                  transparent 4rpx, 
	                  #FF4B44 4rpx, 
	                  #FF4B44 0rpx);
	              background-size: 100% 6px;
	              background-repeat-x: no-repeat;
	              position: relative;
	              &::after{
	                content: '';
	                display: block;
	                width: 8px;
	                height: 8px;
	                border-radius: 8px;
	                background-color: #fff;
	                position: absolute;
	                left: 0;
	                top: 50%;
	                margin: -4px 0 0 -4px;
	              }
	              &::before{
	                content: '';
	                display: block;
	                width: 1px;
	                height: 42px;
	                background-color: #fff;
	                position: absolute;
	                right: 0;
	                top: 0;
	              }
	            }
	          }
	        }
	        
	        .coupon{
	          height: auto;
	          min-height: 106rpx;
	          align-items: flex-start;
	          padding: 30rpx 0;
	          .right{
	            align-items: flex-start;
	            justify-content: flex-end;
	            flex: 1;
	            margin-left: 20rpx;
	            .rows{
	              flex: 1;
	              display: inline-block;
	              overflow: hidden;
	              word-break: break-all;
	              text-overflow: ellipsis;
	              display: -webkit-box;
	              -webkit-box-orient: vertical;
	              -webkit-line-clamp: 1;
	              text-align: right;
	            }
	            .u-icon{
	              margin-top: 8rpx;
	            }
	            .coupon-list{
	              display: flex;
	              flex-direction: column;
	              .coupon-item{
	                display: flex;
	                align-items: center;
	                justify-content: flex-end;
	                height: 40rpx;
	              }
	            }
	          }
	        }
	        .price-box{
	          height: 100rpx;
	          display: flex;
	          align-items: center;
	          justify-content: flex-end;
	          .discount-amount{
	            font-size: 26rpx;
	            color: #333;
	            .red{
	              color: #FF5751;
	            }
	          }
	          .total-amount{
	            font-size: 26rpx;
	            color: #333;
	            margin-left: 50rpx;
	            .unit{
	              font-size: 24rpx;
	              margin-left: 10rpx;
	            }
	            .bold{
	              font-size: 32rpx;
	              font-weight: bold;
	            }
	          }
	        }
	      }
	      .agreement{
	        display: flex;
	        align-items: center;
	        .radio{
	          width: 36rpx;
	          height: 36rpx;
	          display: flex;
	          align-items: center;
	          justify-content: center;
	          border-radius: 36rpx;
	          border: 2rpx solid #bfbfbf;
	          &.active{
	            background-color: #FBD220;
	            border: none;
	          }
	        }
	        .text{
	          flex: 1;
	          font-size: 22rpx;
	          color: #666;
	          margin-left: 24rpx;
	          .highlight{
	            color: #FBB000;
	          }
	        }
	      }
	    }
	    .footer{
	      height: 110rpx;
	      background-color: #3D3D3D;
	      display: flex;
	      align-items: center;
	      justify-content: space-between;
	      .left{
	        display: flex;
	        flex-direction: column;
	        justify-content: center;
	        margin-left: 40rpx;
	        .amount{
	          font-size: 24rpx;
	          color: #fff;
	          .bold{
	            font-size: 36rpx;
	            font-weight: bold;
	          }
	        }
	        .discount{
	          font-size: 24rpx;
	          color: #999;
	        }
	      }
	      .right{
	        height: 110rpx;
	        width: 200rpx;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        background: linear-gradient(0deg, #FBD220, #FFE23E);
	        font-size: 32rpx;
	        color: #3D3D3D;
	      }
	    }
	  }

.swiper, .swiper-item, .scroll-view{
	height: 100%;
}

.item{
	height: 100%;
	width: 100%;
	-webkit-overflow-scrolling: auto
}
page{
  height: 100%;
}
.bag{
	margin: 20rpx 25rpx;
}
.line{
	width: 100%;
	height: 16rpx;
	background: #F1F1F1;

}

.welfare-titles{
	margin: 0 25rpx;
	font-size: 48rpx;
	font-weight: bold;
	color: #363636;
	padding:0 0 50rpx 0;
}

.tab-title{
	font-size: 32rpx;
	font-weight: bold;
	color: #363636;
}
/deep/.u-tabs-item{
	color: #333333 !important;
}
/* .tab{
	width: 60rpx;
	height: 6rpx;
	background: linear-gradient(0deg, #FBB000, #FFE23E);
	border-radius: 3px;
	margin-top: 10rpx;
} */